﻿@model IEnumerable<HMoPro.Models.Categoryleft>
  <script>

      $(function () {

          //$("li").hover(function () {
          //    $(this).children("span").addClass("hover")
          //}, function () {
          //    $(this).children("span").removeClass("hover")
          //})






          $('.categoryfirstlevel').bind("click", function () {
              var categoryid = $(this).attr("data-id");
              $.ajax({
                  url:"@Url.Action("Ajaxreach")",
                            data: { "categoryid": categoryid},
                            dataType: "json",
                            type: "POST",
                            success: function (data) {
                                //    $("#dianzan").attr('disabled', true);
                                //resourceid, datazip, inboxname
                                window.open("@Url.Action("ReachIndex")" + "?categoryid=" + data.categoryid);

                          @*   window.location.href ="@Url.Action("QRcodeImage")"+"?resourceid="+'@Model.resourceid';*@
                      }
                        });


                  })






      //    $('button#1111').bind("click", function () {
      //        var categoryid = $(this).attr("data-id");
      //        searchcategory(categoryid);
      //    })
      //function searchcategory(categoryid) {
      //      //这里是根据左侧单击的行，查找右侧的数据，并返回
      //    $.post("/Resource/ReachIndex/", "categoryid=" + categoryid, function (data) {
      //        $("#categoryreach").html(data);//这里是重点，右侧数据获取后要显示到div中
      //      }, "text"
      //      );
      //      return false;
      //  }
        //准备











         // onclick = "searchcategory(this); return false;"
           //     search($(this).children('li').eq(0).html(), $(this).children('li').eq(1).html(), $(this).children('li').eq(2).html());
            })



 </script>

@foreach (var item in Model)
{
    @*<button class="button button-borderless" data-id="@item.categoryparent.ID">@item.categoryparent.Name</button>*@
    <h5>@item.categoryparent.Name</h5>
    <ul>
        @foreach (var child in item.categorychild)
{
    <li class="categoryfirstlevel" data-id="@child.ID" style="display:inline-block;padding-left:16px;height:25px;">@child.Name</li>
} 
</ul>
 
}